:root {
	box-sizing: border-box;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}
p {
	margin: 0;
}
body {
	display: flex;
	flex-flow: column;
	height: 100%;	
	font-size: 16px;
}
input,
button {
	outline: none;
}
li {
	list-style: none;
}
a:hover,
a:active,
a:hover,
a:visited,
span:visited {
	text-decoration: none;
}
.m_l_10 {
	margin-left: -5px;
	margin-right: -15px;
}
.p_r_0 {
	padding-right: 0;
}
.header {
	padding: 0.5em 0;
}
.header .header-flex {
	display: flex;
	justify-content: space-between;
}
.header .logo {
	height: 90px;
}
.header .logo img {
	height: 100%;
}
.header .search {
	position: relative;
	align-self: center;
}
.header .search input {
	border: 0.1px solid #c6b7b7;
	padding: 0.4em 1em;
	font-size: 0.8em;
	border-radius: 20px;
}
.header .search .search-icon {
	position: absolute;
	padding: 0.3em 0;
	right: 12px;
	color: #4f4d4d;
	cursor: pointer;
}

.nav {
	background-color: #0069a0;
}
.navbar {
	border: none;
	background-color: #0069a0;
	margin: 0;
}
.navbar-nav {
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.navbar-brand {
	padding: 0;
}
.web-logo img {
	height: 100%;
}
.navbar-default .navbar-nav > li > a {
	font-size: inherit;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #ecebe6;
}

.banner {
	width: auto;
	height: 500px;
	overflow: hidden;
	position: relative;
	flex: 1 0 auto;
}
.banner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.top-icon {
	display: flex;
	justify-content: space-around;
}
.top-icon .single-top-icon {
	width: 30%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0.5em;
	margin: 0 auto;
	font-size: 1.5em;
	font-weight: 600;
	border-radius: 5px;
	color: honeydew;
}
.top-icon .menu-1 {
	background-color: #0158c2;
}
.top-icon .menu-2 {
	background-color: #75d53a;
}
.top-icon .menu-3 {
	background-color: #47c0ff;
}*/

.main {
	margin: 1.6em 0;
	flex: 1 0 auto;
}
.article-h {
	height: 355px;
	border: 0.5px solid #ddd;
	border-radius: 5px;
	padding: 0 0.5em;
	margin-bottom: 1em;
}
.article .hd,
.article .bd {
	padding-top: 1em;
}
.article .hd .article-title {
	font-size: 1.3em;
	color: #3d6498;
	padding: 0.5em;
	background: linear-gradient(
		-45deg,
		rgba(228, 228, 228, 0.5) 0,
		rgba(228, 228, 228, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(228, 228, 228, 0.5) 50%,
		rgba(228, 228, 228, 0.5) 75%,
		transparent 75%,
		transparent
	);
	background-size: 10px 10px;
}

.article .hd .title-list span {
	cursor: pointer;
}
.article .hd .title-list span + span:before{
	content: ' / ';
}
.article .hd .title-list .inactive{
	color:#757474;
}
.article .hd .article-more {
	font-size: 0.8em;
	margin-top: 0.4em;
	color: #666464;
}
.single-article .article-tab ul + ul,
.article .hd .article-more + .article-more {
	display: none;
}
.single-article .bd .article-date {
	float: left;
	line-height: 1.1em;
	color: #a49e9e;
	padding: 0.3em;
	/* border: 1px solid #000; */
	text-align: center;
}
.single-article .bd .article-date p {
	margin: 0;
}
.single-article .bd .article-date p:first-child {
	color: #3d6498;
}
.single-article .bd .article-list {
	line-height: 3em;
	margin: 0.6em 0;
	border-bottom: 0.5px solid #d9cdcd;
}
.single-article .bd .article-list:nth-of-type(5) {
	border: none;
}
.single-article .bd .article-list > a {
	color: #4f4d4d;
	/* font-family:'幼圆'; */
}
.single-article .bd .article-list > a:hover .article-date,
.single-article .bd .article-list > a:hover .article-date p:first-child {
	background-color: #3d6498;
	border-radius: 5px;
	color: #fff !important;
	transition: 0.1s;
}
.single-article .bd .article-list .article-text {
	height: 3em;
	line-height: 1.4em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding-left: 1em;
}
.pic-article .pic-area {
	position: relative;
	height: 289px;
	/* padding: 10px 0; */
	overflow: hidden;
}
.pic-article .pic-area .hd {
	position: absolute;
	bottom: 1em;
	right: 1em;
	z-index: 1;
}
.pic-article .pic-area .hd .on {
	background-color: #0069a0;
}
.pic-article .pic-area .hd ul li {
	float: left;
	height: 0.5em;
	width: 0.5em;
	border-radius: 50%;
	background-color: ivory;
	margin-left: 0.5em;
}
.pic-article .pic-area .bd ul li img {
	width: 100%;
	height: 268px;
	transition: all 0.7s;
}
.pic-article .pic-area a:hover img {
	transform: scale(1.03);
}

.bottom-icon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.bottom-icon .single-bottom-icon {
	text-align: center;
	margin-top: 1em;
}
.bottom-icon .single-bottom-icon > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 1em;
	border-radius: 10px;
	line-height: 30px;
}
.bottom-icon .single-bottom-icon > a:hover {
	transform: translateY(-3%);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.bottom-icon .single-bottom-icon img {
	width: 60px;
	border-radius: 50%;
}
.bottom-icon .single-bottom-icon .des {
	color: #4f4d4d;
}

.bottom-banner {
	width: 100%;
	overflow: hidden;
	margin: 1em 0;
}
.bottom-banner ul {
	height: 160px;
}
.bottom-banner .pic-list {
	float: left;
	width: 12em;
	height: 8em;
}
.bottom-banner .pic-list + .pic-list {
	margin-left: 0.2em;
}
.bottom-banner .pic-list img {
	width: 100%;
	height: 100%;
}
.bottom-banner .pic-list .des {
	text-align: center;
	font-size: 0.9em;
	margin: 0.5em;
	color: #000;
}

.links-qr {
	margin-top: 1.5em;
}
.links-qr .block-top .hd {
	border-bottom: 1px solid #ddd;
	padding: 0.5em;
	font-size: 1.2em;
	font-weight: 600;
}
.links-qr .block-top .bd ul {
	display: flex;
	flex-flow: row wrap;
}
.links-qr .block-top .bd ul li {
	padding: 0.5em 0;
	padding-right: 1.2em;
}

.links-qr .block-top .bd ul li > a {
	color: #4f4d4d;
	font-size: 0.8em;
}
.links-qr .block-top .bd ul li > a:hover .iconfont {
	color: #3d6498;
	font-weight: 1000;
}

.footer {
	margin-top: 1.2em;
	padding: 1em 0;
	text-align: center;
	background-color: #0069a0;
	/* background-image: linear-gradient(to bottom right, #12254d, #49b760); */
	color: rgb(218, 216, 216);
	line-height: 30px;
	font-family: "Microsoft YaHei", "微软雅黑", tahoma, arial, simsun, "宋体";
	font-size: 14px;
	flex: 0 0 auto;
}
.footer hr{
	margin: 5px 0;
}
.footer-main {
	display: flex;
	justify-content: space-between;
}
.footer-logo img {
	height: 70px;
}

.school-info > div {
	margin: 0 auto;
}
.school-info > div > p {
	text-align: left;
	line-height: 30px;
}
.school-info a {
	color: rgb(218, 216, 216);
}
.school-info a:hover {
	color: #fff;
}
.web-info > div {
	margin: 0 auto;
}
.web-info > div > p {
	text-align: left;
}
.web-info .ba {
	color: #ddd;
}

.float-slide {
	display: none;
	position: absolute;
	width: 4em;
	/* border: 1px solid #000; */
	height: 16em;
	right: 2em;
}
.float-slide .slide-box {
	width: 3.5em;
	height: 3.5em;
	line-height: 3.5em;
	border: 0.5px solid #ddd;
	text-align: center;
	border-radius: 5px;
	position: relative;
	background-color: #fff;
}
.float-slide .slide-box > a,
.float-slide .slide-box .slide-des > p > a {
	display: block;
	width: 100%;
	height: 100%;
}
.float-slide .slide-box .slide-des > p > a {
	font-size: 1.2em;
	font-weight: bold;
}

.float-slide .slide-box .slide-des {
	position: absolute;
	top: 0;
	right: 3.5em;
	background: #fff;
	min-width: 6em;
	border-radius: 5px;
	box-shadow: 0 0 1.5px #b7b3b3;
}
.float-slide .slide-box .hd {
	font-size: 0.8em;
	height: 2em;
	line-height: 2em;
	background-color: #3d6498;
	color: #fff;
}

.float-slide .slide-box .wx-box img {
	width: 7em;
	margin: 0.5em;
}
.float-slide .slide-box .qq-box .qq-list {
	width: 7em;
}
.float-slide .slide-box .qq-box .qq-list li {
	height: 2.5em;
	line-height: 2.5em;
}
.float-slide .slide-box:hover {
	box-shadow: 2px 1px 2px #aeaaaa;
}
.float-slide .slide-box + .slide-box {
	margin-top: 0.3em;
}
.float-slide .slide-box .iconfont {
	font-size: 2em;
	color: #827d7d;
}

.float-slide .slide-box .menu1 {
	color: #066259;
}
.float-slide .slide-box .menu2 {
	color: #aa2c2c;
}
.float-slide .slide-box .menu3 {
	color: #3d6498;
}
.float-slide .slide-box .menu4 {
	color: #07bd13;
}
.float-slide .slide-box .menu5 {
	color: #0069a0;
}

/* 录取查询页面 css */
.lqcx-area form{
	margin: 3em;
	text-align: center;
}
.lqcx-area .lqcx-info{
	padding: 2em;
	color: #6f6767;
}

/* 招生计划,历年分数查询页面css */
.select-area,.content-area {
	font-size: 0.95em;
}

.single-select  + .single-select {
	margin: 1em 0em;
}

.single-select .hd {
	font-weight: 600;
	float: left;
}

.single-select .bd {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	font-size: 1em;
	min-height: 2em;
}

.single-select .hd {
	padding: 0.1em 0em;
	margin: 0.2em 0em;
}

.single-select .bd span {
	padding: 0.1em 0.3em;
	margin: 0.2em 0.3em;
}

.single-select .bd span:hover,
.single-select .bd .active {
	display: inline-block;
	background-color: #337ab7;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.table-bootstarp-table th{
	background-color: #337ab7;
	color: #fff;
}

.content-area .info{
	padding: 0.2em;
	margin: 0.5em 0;
}



/* 二,三级页面css */
.second-banner, .third-banner{
	height: 150px;
}
.second-banner img, .third-banner img{
	width: 100%;
	height: 100%;
}
.article-second {
	min-height: 100px;
}
/*.article-second .article-slide {
	border: 0.5px solid #ddd;
	border-radius: 10px;
}
.article-second .article-slide .hd {
	text-align: center;
	padding: 0.75em 0;
	color: #084f6b;
}
.article-second .article-slide .hd .iconfont {
	font-size: 2em;

	padding: 0 0.25em;
}
.article-second .article-slide .hd .title {
	font-size: 1.8em;
	padding: 0 0.25em;
}
.article-second .article-slide a {
	width: 100%;
	height: 100%;
}
.article-second .article-slide .article-slide-img {
	width: 100%;
}
.article-second .article-slide .active {
	background-color: #0069a0;
}
.article-second .article-slide .active a {
	color: #ecebe6;
}
.article-second .article-slide ul {
	margin: 0;
}
.article-second .article-slide ul li {
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-top: 0.5px solid #ddd;
}
.article-second .article-slide ul li:hover {
	background-color: #f4f2f2;
}
.article-second .article-slide ul li a {
	display: block;
	color: #4a4949;
}*/
.article-second .second-article-area .article-list {
	padding-top: 0.5em;
	padding-bottom: 0.15em;
	border-bottom: 0.5px solid #ddd;
	overflow: hidden;
	line-height: 1.8em;
}
.article-second .second-article-area .no-record-tips{
	line-height: 100px;
	border: 0.5px solid #ddd;
	margin-top: 20px;
}
.article-second .second-article-area .article-list:hover {
	border-bottom: 1px solid #0069a0;
}

.article-second .second-article-area .article-title,
.article-second .second-article-area .article-omit {
	width: 100%;
	font-size: 1.2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.article-second .second-article-area .article-title {
	font-size: 1.1em;
	color: #1c1818;
}
.article-second .second-article-area .article-omit {
	font-size: 0.8em;
	color: #868282;
}
.article-second .second-article-area  .article-date {
	font-size: 0.9em;
	float: right;
	text-align: left;
	color: #514e4e;
}




